<template>
  <div>
  <el-row>
    <el-col :span="8">
      <div class="grid-content">
        <Academic_trends></Academic_trends>
      </div>
    </el-col>
    <el-col :span="8">
      <div class="grid-content">
        <document_database></document_database>
      </div>
    </el-col>
    <el-col :span="8">
      <div class="grid-content"></div>
      <Case_base></Case_base>
    </el-col>
  </el-row>
  <el-row>
    <el-col :span="16">
      <div class="grid-content">
        <File_Library></File_Library>
      </div>
    </el-col>
  </el-row>
  </div>
</template>

<script>

  import Academic_trends from "../context/Academic_trends";

  import Notice from "../context/Notice";

  import Case_base from "../context/Case_base";

  import document_database from "../context/document_database";

  import File_Library from "../context/File_Library";
    export default {
        name: "index",
      components:{
        Academic_trends,
        Notice,
        document_database,
        Case_base,
        File_Library,
      }
    }
</script>

<style scoped>

</style>
